<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <!--  <meta name="viewport" content="width=device-width, initial-scale=1"> -->
    <title>WEE</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    
    <link href="css/grid.css" rel="stylesheet">
    <link href="css/mnv-custom.css" rel="stylesheet">
    


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

    
    
	  <div class="top">   
		<div class="container">
		  <div class="row">
			  <div class="col-md-12">
				  <div class="col-md-1"><img src="images/glouk-logo.png"></div>
				  <div class="col-md-3"><div id="claim">Social SEO & Twitter CRM</div></div>
				  <div class="col-md-1 col-md-offset-5"><div id="num">3</div></div>
				  <div class="col-md-2">
				  	<div id="name"><span>Gabriele<br/>Carboni</span><div id="profile-ico"></div></div>
				  	
				  </div>
			  </div>
		  </div>
		</div> <!-- end cont -->
		</div>	
	<div class="header">   	
		<div class="container">
		  <div class="row">
			  <div class="col-md-12">
				  <div class="col-md-2"><div class="ico-dashboard"></div>Dashboard</div>
				  <div class="col-md-6 col-md-offset-4 header-num">
				  	<div class="col-md-2">41.856<br/><span>TWEETS</span></div>
				  	<div class="col-md-2">3.367<br/><span>FOLLOWING</span></div>
				  	<div class="col-md-2">3.999<br/><span>FOLLOWERS</span></div>
				  	
				  	<div class="col-md-6">ALTRO</div>	
				  </div>
			  </div>
		  </div>
		</div>
	</div>		
		
		<div class="container content">


		<!-- content LINE 1 -->
		  <div class="row">
			  <div class="col-md-12 line-1">
				  	<div class="box">
					  <div class="col-md-4" id="box-top">Weevo, from 1 june to 30 june</div>	
					  <div class="col-md-6" id="boxnum">
						  
						  <span>15</span><span>30</span><span class="yello">60</span><span>90</span><span id="ico-note"></span><span id="lett">d</span><span id="lett">v</span><span id="but-xls">xls export</span>
						  
					  </div>	
				  	</div>
			  </div>
		  </div>
		  
		  <!-- content LINE 2 -->
		  <div class="row">
			  <div class="col-md-12 line-2">
				<div class="box">
					<div class="col-md-5" id="box-top-sx"><div id="tit-box">followers map<span>(found 2.356)</span></div></div>
					<div class="col-md-1 col-md-offset-6" id="box-top-dx"><div data-toggle="tooltip" data-placement="bottom" title="Reset Map" class="ico-reset"></div></div>
				</div>
			  </div>
		  </div>
		  
		  <!-- content LINE 3 -->
		  <div class="row">
			  <div class="col-md-12 err-marg line-3">
			  
			    <div class="col-md-7">
			    <div class="box">    
			    	<div class="col-md-10">
			    	<div id="tit-box"> followers activitys</div>
			    	</div>
			    	<div class="col-md-2">
			    	<div data-toggle="tooltip" data-placement="bottom" title="Tips icon" class="ico-lecca"></div>
			    	</div>
			    	
					<div class="col-md-12">
			    	<div>contenutoo</div>
			    	</div>
			    
			    </div>
			    
			   
			    
			    </div>
			    
			    <div class="col-md-5">
			    	<div class="box">
			    	<div class="col-md-5">
			    		<div id="tit-box">people</div>
			    		<div class="people">
				    		<span class="label">business</span><span class="peopleico-bus"></span><span id="percent">7%</span>
			    		</div>
			    		<div class="people">
				    		<span class="label">business</span><span class="peopleico-male"></span><span id="percent">7%</span>
			    		</div>
			    		<div class="people">
				    		<span class="label">business</span><span class="peopleico-female"></span><span id="percent">7%</span>
			    		</div>
			    		
			    	</div>
			    	<div class="col-md-5 languages">
			    		<div id="tit-box"><div>languages</div></div>
			    		<div>contenutoo</div>
			    	</div>
			    	<div class="col-md-2">
			    	<div data-toggle="tooltip" data-placement="bottom" title="Tips icon" class="ico-lecca"></div>
			    	</div>
					</div>
			    </div>
				
						
			  
			  </div>
		  </div>
		  <div class="row">
			  <div class="col-md-12 err-marg line-3">
			  
			    <div class="col-md-7">
			    	<div class="box">

				    	<div class="col-md-10">
				    	<div id="tit-box">followers status per day</div>
				    	</div>
				    	<div class="col-md-2">
				    	<div data-toggle="tooltip" data-placement="bottom" title="Tips icon" class="ico-lecca"></div>
				    	</div>
								
					</div>
				</div>
			    
			    
			    
			    
			    <div class="col-md-5">
			    	<div class="box">

				    	<div class="col-md-10">
				    	<div id="tit-box">followers activity</div>
				    	</div>
				    	<div class="col-md-2">
				    	<div data-toggle="tooltip" data-placement="bottom" title="Tips icon" class="ico-lecca"></div>
				    	</div>
				    	
				    		<div class="foll-act">
							<div class="col-md-4 label-fa-r"><div>fake</div></div>
							<div class="col-md-4 label-fa-y"><div>inactive</div></div>
							<div class="col-md-4 label-fa-g"><div>good</div></div>
							
							<div class="col-md-4"><div class="ico-fake"></div></div>
							<div class="col-md-4"><div  class="ico-inact"></div></div>
							<div class="col-md-4"><div  class="ico-good"></div></div>
							
							<div class="col-md-4 percent"><div id="txt-fake">3%</div></div>
							<div class="col-md-4 percent"><div id="txt-inact">19%</div></div>
							<div class="col-md-4 percent">
							
							<div id="txt-good">78%<div id="txt-good-h">53%<span>high</span></div><div id="txt-good-m">15%<span>medium</span></div><div id="txt-good-l">10%<span>low</span></div></div>
							
							</div>
				    		</div>
					</div>
				</div>
			  
			  </div>
		  </div>
		  
		  <!-- cont LINE4 -->
		  <div class="row">
			  <div class="col-md-12 err-marg line-4">
			  
			    <div class="col-md-7">
			    <div class="box">
			    	<div class="col-md-5">
			    	<div id="tit-box"><span id="yel-num">222</span> message through</div>
			    	</div>
			    	<div class="col-md-5">
			    	<div id="tit-box"><span id="yel-num">222</span> message through</div>
			    	</div>
			    	<div class="col-md-2">
			    	<div data-toggle="tooltip" data-placement="bottom" title="Tips icon" class="ico-lecca"></div>
			    	</div>
			    </div>
			    </div>
			    
			    
			    <div class="col-md-5">
			    <div class="box">
				    
				    <div class="col-md-10">
			    	<div id="tit-box"><span id="yel-num">222</span> unique interactions by</div>
			    	</div>
			    	<div class="col-md-2">
			    	<div data-toggle="tooltip" data-placement="bottom" title="Tips icon" class="ico-lecca"></div>
			    	</div>
			    	
			    	<div class="col-md-12 riga">
			    		<div>
				    		<div class="col-md-2 ico_logo"></div>
				    		<div class="col-md-6 txt">Weevo, expanding web @weevo Weevo, expanding web mental protection. Italy - www.weevo.it</div>
				    		<div class="col-md-4">
				    			<div class="col-md-12" id="tf">41.856 TWEETS<br/>6.337 FOLLOWING<br/>6.337 FOLLOWERS<br/></div>
				    			<div class="col-md-12 tright">
				    				<input type="submit" class="ico-manogun" value=""></input>
				    				<input type="submit" class="ico-manook" value=""></input>
				    				<input type="submit" class="ico-fumetto" value=""></input>

				    			</div>
				    		</div>
			    		</div>	
			    	</div>


			    	<div class="col-md-12 riga">
			    		<div>
				    		<div class="col-md-2 ico_logo"></div>
				    		<div class="col-md-6 txt">Weevo, expanding web @weevo Weevo, expanding web mental protection. Italy - www.weevo.it</div>
				    		<div class="col-md-4">
				    			<div class="col-md-12" id="tf">41.856 TWEETS<br/>6.337 FOLLOWING<br/>6.337 FOLLOWERS<br/></div>
				    			<div class="col-md-12 tright">
				    				<input type="submit" class="ico-manogun-yello" value=""></input>
				    				<input type="submit" class="ico-manook-yello" value=""></input>
				    				<input type="submit" class="ico-fumetto-yello" value=""></input>

				    			</div>
				    		</div>
			    		</div>	
			    	</div>
			    	
				<div class="foot-box">&lt;prev 1 2 3 next&gt; (20)</div>    
			    </div>
			    </div>

			  
			  </div>
		  </div>
		  
		  <!-- cont LINE5 -->
		  <div class="row">
			  <div class="col-md-12 err-marg line-5">
			  
			    <div class="col-md-7">
			    	<div class="box bsx">
				    	
			    	<div class="col-md-5">
			    	<div id="tit-box"><span id="yel-num">124</span> mention</div>
			    	</div>
			    	<div class="col-md-5">
			    	<div id="tit-box"><span id="yel-num">255</span> retweets</div>
			    	</div>
			    	<div class="col-md-2">
			    	<div data-toggle="tooltip" data-placement="bottom" title="Tips icon" class="ico-lecca"></div>
			    	</div>
				    	
			    	</div>
			    	<div class="box bsx2">
				    	
			    	<div class="col-md-10">
			    	<div id="tit-box"><span id="yel-num">1.212</span> sent post</div>
			    	</div>
			    	<div class="col-md-2">
			    	<div data-toggle="tooltip" data-placement="bottom" title="Tips icon" class="ico-lecca"></div>
			    	</div>
				    	
			    	</div>
			    </div>
			    <div class="col-md-5">
			    	<div class="box bdx">
				    	
			    	<div class="col-md-10">
			    	<div id="tit-box"><span id="yel-num">48</span> retweeted post</div>
			    	</div>
			    	<div class="col-md-2">
			    	<div data-toggle="tooltip" data-placement="bottom" title="link a Listen" class="ico-listen"></div>
			    	</div>
				    	
			    	<div class="col-md-12 riga">
			    		<div>
				    		<div class="col-md-12 txt">W#twitter #internazionalizzazione #aziende <span data-toggle="tooltip" data-placement="bottom" title="www.linkoriginale.it" class="hlink">{LINK}</span> #twitter #internazionalizzazione #aziende</div>
				    		<div class="col-md-12">
				    			<div class="col-md-6 tleft tyellow">posted on 3 july 2013, 16:53</div>
				    			<div class="col-md-6 tright tyellow">retweeted 7 item</div>
				    		</div>
			    		</div>	
			    	</div>
				    	
				    	
			    	</div>
			    	<div class="foot-box">&lt;prev 1 2 3 next&gt; (20)</div>  
			    </div>

			  
			  </div>
		  </div>	
		  
		  <!-- cont LINE5 -->
		  <div class="row">
			  <div class="col-md-12 err-marg line-5">
			  
			    <div class="col-md-7">
			    	<div class="box bsx">
				    	
			    	<div class="col-md-10">
			    	<div id="tit-box"><span id="yel-num">+25</span> new followers</div>
			    	</div>
			    	<div class="col-md-2">
			    	<div data-toggle="tooltip" data-placement="bottom" title="Tips icon" class="ico-lecca"></div>
			    	</div>
				    	
			    	</div>
			    	<div class="box bsx2">
				    	
			    	<div class="col-md-4">
			    	<div id="tit-box"><span id="yel-num">25</span> new following</div>
			    	</div>
			    	<div class="col-md-4">
			    	<div id="tit-box"><span id="yel-num">8(14%)</span> follow back</div>
			    	</div>
			    	<div class="col-md-3">
			    	<div id="tit-box"><span id="yel-num">50</span> unfollow</div>
			    	</div>
			    	<div class="col-md-1">
			    	<div data-toggle="tooltip" data-placement="bottom" title="Tips icon" class="ico-lecca"></div>
			    	</div>
				    	
			    	</div>
			    </div>
			    <div class="col-md-5">
			    	<div class="box bdx followback">
				    	
			    	<div class="col-md-10">
			    	<div id="tit-box"><span id="yel-num">+25</span> follow back</div>
			    	</div>
			    	<div class="col-md-2">
			    	<div data-toggle="tooltip" data-placement="bottom" title="link a Connection" class="ico-connection"></div>
			    	</div>
			    	



							<div class="col-md-12 riga ">	
						    		<div>
							    		<div class="col-md-2 ico_logo"></div>
							    		<div class="col-md-10">
											  
											  <div class="row">
											    		<div class="col-md-8 txt">
											    			<div class="tit">Weevo, expanding web <span class="hglg">@Weevo</span></div>
											    			<div class="txt">We turn your Web needs, in tool for environ mental protection.</div>
											    		</div>
											    		<div class="col-md-4 ">
											    			<div class="col-md-12" id="tf">41.856 TWEETS<br/>6.337 FOLLOWING<br/>6.337 FOLLOWERS<br/></div>
											    		</div>
											  </div>
											  <div class="row"  id="">
											    		<div class="col-md-8 txt tit">Italy - www.weevo.it <span class="hglg"> #hashtag</span></div>
											    		<div class="col-md-4">
											    			<div class="col-md-12 tright">
											    				<input type="submit" class="ico-manogun" value=""></input>
											    				<input type="submit" class="ico-manook" value=""></input>
											    				<input type="submit" class="ico-testo" value="">DM</input>
											    			</div>											    		
											    		</div>
											  </div>
											    		
							    		</div>
						    		</div>	
							</div>




				    	
			    	</div>
			    </div>

			  
			  </div>
		  </div>	  
		  
		  
		
		</div> <!-- end container -->
		
	
<div class="container footer">

	<div class="row" style="margin-top:50px;">
		
	</div>

</div>
    
    


    
    
    

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.js"></script>
     <script type="text/javascript">
	
	$(document).ready(function() {
	  	$('.ico-lecca').tooltip();
	  	$('.ico-reset').tooltip();
	  	$('.ico-listen').tooltip();
	  	$('.ico-connection').tooltip();
	  	$('.hlink').tooltip();
	});
	</script>
  
  </body>
</html>
